html, body, div, ul, li, h1, h2, h3, h4, h5, h6, p, dl, dt, dd, ol, form, input, textarea, th, td, select {
    margin: 0;
    padding: 0;
}
*{box-sizing: border-box;}
html, body {
    min-height: 100%;
}

body {
    font-family: "Microsoft YaHei";
    font-size:14px;
    color:#333;
}
h1, h2, h3, h4, h5, h6{font-weight:normal;}
ul,ol {
    list-style: none;
}

img {
    border: none;
    vertical-align: middle;
}

a {
    text-decoration: none;
    color: #232323;
}

table {
    border-collapse: collapse;
    table-layout: fixed;
}

input, textarea {
    outline: none;
    border: none;
}

textarea {
    resize: none;
    overflow: auto;
}

.header {
	width: 100%;
	margin-bottom: 0.9rem;
}

.header img {
	width: 100%;
}

.header>div {
	display: flex;
	text-align: center;
	padding: 0 10%;
}

.vote {
	font-size: 4vw;
	width: 50%;
	color: #cc666c;
}

.vote a {
	border-bottom: solid 2px #cc666c;
	padding-bottom: 0.25rem;
	color: #CC666C;
}

.rank {
	font-size: 4vw;
	width: 50%; 
}

.rank a{	
	color: #7C7C7C;
}

.rank a:hover{
	border-bottom: solid 2px #cc666c;
	padding-bottom: 0.25rem;
	color: #CC666C;
	cursor: pointer;
}

.span {
	text-align: center;
	position: relative;
	top: -11.5vw;
    left: 71%; 
	height: 8vw;
	width: 8vw;
	background: #CC666C;
	line-height: 8vw;
	/* border-radius: 0 0 0.3125rem 0.3125rem; */
	border-radius: 50%; 
	cursor: pointer;
}

.span a{
	color: #fff; 
	font-size: 2.6vw;
}
 
.main {
	background: #E5E5E5; 
	padding: 4vw 6vw;
} 

.main{ 
	column-count: 2;
	/*列间距*/
	column-gap: 4px; 
}

.paint {
	width: 40vw; 
	/* margin: 6vw; */
	/* padding-top: 0.5vw; */
	flex-grow: 1;
    /* margin: 4.5vw; */
    position: relative;
    overflow: hidden;
} 

.paint-r {
	width: 39%;
	margin-left: 6%;
	padding-top: 0.5vw;
}

.paint img ,.paint-r img{
	width: 100%;
	border-radius: 0.3125rem 0.3125rem 0 0;
	max-height: 66vw;
}

.num{
	height: 8vw;
	background: #FFFFFF;
	border-radius: 0 0 0.3125rem 0.3125rem;
	border-top: #CC666C99 0.1em solid;
}

.num p{
	margin: 0 5vw;
	line-height: 7vw;
	color: #CC666C;
	font-size: 3.2vw;
}

.bottom{
	background: #CC666C;
	color: #FFFFFF;
	font-size: 3vw;
	height: 60vw;
	/* text-align: center; */
	padding: 7vw 7vw;
	line-height: 4.5vw;
}

.bottom p:first-child{
	text-align: center;
	border-bottom: #FFFFFF 1px solid;
	line-height: 8vw;
	margin-bottom: 0.8vw;
}
.bottom p:nth-child(4){
	padding-left: 10vw;
}

#win{
	background: #33333378;
	width: 100vw;
	height: 100vh;
	position: fixed;
	font-size: 3.2vw;
	top: 0;
	left: 0;
	display: none;
}

#win>div{
	height: 65vw;
	width: 60vw;
	background: #FFFFFF;
	position: fixed;
	top:20vw;
	left:18vw;
	border: #CC666C solid 0.0625rem;
	border-radius: 0.3125rem;
	padding: 5vw 7vw;
}

#win form{
	margin-top: 2vw;
	
}
#win .input1{
	border: #CC666C solid 0.0625rem;
	width: 45vw;    
	border-radius: 2px;
	height: 5vw;
}
#win .input2{
	border: #CC666C solid 0.0625rem; 
	border-radius: 2px 0 0 2px;
	height: 5vw;
	width: 27vw;
	font-size: 3.2vw;
}
#btn{
	width: 18vw;
	background: #CC666C;
	color: #FFFFFF;
	border: #CC666C solid 0.0625rem;
	border-radius: 0 2px 2px 0;
	height: 5vw; 
	font-size: 2.7vw;
}

.input3{
	margin-top: 2vw;
	border: #CC666C solid 0.0625rem; 
	border-radius: 6vw;
	background: #CC666C;
	color: #FFFFFF;
	height: 5vw;
	width: 45vw;
	font-size: 2.7vw;
}

#input4{
	margin-top: 2vw;
	border: #555 solid 0.0625rem; 
	border-radius: 6vw;
	background: #555;
	color: #FFFFFF;
	height: 5vw;
	line-height: 5vw;
	width: 45vw;
	font-size: 2.7vw;
	text-align: center;
} 

#win>div p{
	text-align: center;
	color: #CC666C;
	font-weight: 600;
}

.alert{
	height: 25vw;
	width: 30vw;
	background: #00000095;
	color: #FFFFFF;
	position: fixed;
	top:30vw;
	left:35vw;
	/* border: #CC666C solid 0.0625rem; */
	border-radius: 0.3125rem;
	padding: 5vw 5vw;
	font-size: 2.7vw; 
	display: none; 
}

.alert div{
	margin:0 4vw;
	margin-top: 5vw;
	background: #FFF;
    color: #333;
	
}
.alert p{
	text-align: center;
}

#pagination{
	background: #E5E5E5;
}
.pagination li.active {
	background: #cc666c;
	color: white;
	cursor: not-allowed;
}
.pagination ul li {
	padding: 0 2vw;
	vertical-align: top;
	display: inline-block;
	font-size: 1vw;
	min-width: 3vw;
	min-height: 2vw;
	line-height: 4.8vw;
	cursor: pointer;
	box-sizing: border-box;
	text-align: center;
	background-color: #ffffff;
	color: #606266;
	border-radius: 1vw;
	margin: 0 1px;
	border: 1px solid #ebebeb;
	height: 4.8vw;
}